﻿<br /><div class="panel panel-default">
    <div class="panel-heading" style="text-align:center; font-weight:700; font-size:30px; padding-bottom: 0px;"><p>
    University Rankings<a class="btn btn-primary btn-sm pull-right" onclick="location.href = '#/addcollege'" style="margin-top:5px;">Add An University</a>
</p>
    </div>
    <div class="panel-body">
        <table class="table table-condensed table-striped table-responsive table-hover">
            <tr data-ng-repeat="college in Colleges">
                <td style="font-weight:600; font-size:20px; padding-left:50px;">{{college.University}} <br />{{college.Location}}<br />Average Rating: {{college.AvgRating}}/10</td>
                <td><a href="#/collegedetail/{{college.Id}}" class="btn btn-primary btn-sm" ng-click="" style="margin-top:25px;">View This University</a></td>
        </table>
    </div>
</div>